<template>
  <a-modal
    :visible="visible"
    title="查看明细"
    :width="700"
    :confirmLoading="confirmLoading"
    @cancel="() => { $emit('cancel') }"
  >
    <a-row>
      <a-col span="12">
        国内生课程代码：{{ info.gnskcdm }}
      </a-col>
      <a-col span="12">
        国内生课程名称：{{ info.gnskcmc }}&emsp;
      </a-col>
      <a-col span="12">
        国际生课程代码：{{ info.gjskcdm }}&emsp;

      </a-col>
      <a-col span="12">
        国际生课程名称：{{ info.gjskcmc }}

      </a-col>
      <a-col span="12">
        培养层次：{{ info.pyccmc }}

      </a-col>
      <a-col span="12">
        培养模式：{{ info.pymsmc }}&emsp;

      </a-col>
      <a-col span="12">
        学分：{{ info.xf}}&emsp;
      </a-col>
    </a-row>
    <a-button slot="footer" type="primary" @click="() => { $emit('cancel') }">关闭</a-button>
  </a-modal>
</template>

<script>
  import DetailList from '~/tool/DetailList'

  const DetailListItem = DetailList.Item

  export default {
    props: {
      visible: Boolean,
      info: {
        type: Object,
        default() {
          return {}
        }
      },
      confirmLoading: Boolean
    },
    components: {
      DetailList,
      DetailListItem
    },
    methods: {
      decodeString(string) {
        if (string) {
          var temp = "";
          if (string.length == 0) return "";
          temp = string.replace(/&amp;/g, "&");
          temp = temp.replace(/&lt;/g, "<");
          temp = temp.replace(/&gt;/g, ">");
          temp = temp.replace(/&nbsp;/g, " ");
          temp = temp.replace(/&#39;/g, "\'");
          temp = temp.replace(/&quot;/g, "\"");
          return temp;
        }
      }
    }
  }
</script>

<style>

</style>
